#list{
    padding: 0 49px;
    .headerBox{
        margin-bottom: 48px;
    }
    .back{
        color: rgb(206,206,206);
        font-size: 29px;
        margin-right: 22px;
    }
    .header{
        height: 70px;
        line-height: 70px;
        color: rgb(102,212,204);
        font-size: 34px;
        margin-bottom: 26px;
    }
    .typeBox{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        >.hydrated{
            width: 142px;
            height: 94px;
            border-radius: 12px;
            line-height: 94px;
            text-align: center;
            color: #fff;
            font-size: 25px;
            margin-bottom: 25px;
        }
        >.hydrated:nth-of-type(1){
            background: rgb(252,157,154);
        }
        >.hydrated:nth-of-type(2){
            background: rgb(249,205,173);
        }
        >.hydrated:nth-of-type(3){
            background: rgb(200,200,169);
        }
        >.hydrated:nth-of-type(4){
            background: rgb(131,175,155);
        }
        >.hydrated:nth-of-type(5){
            background: rgb(229,187,129);
        }
        >.hydrated:nth-of-type(6){
            background: rgb(161,23,21);
        }
        >.hydrated:nth-of-type(7){
            background: rgb(34,8,7);
        }
        >.hydrated:nth-of-type(8){
            background: rgb(118,77,57);
        }
        >.hydrated:nth-of-type(9){
            background: rgb(179,214,110);
        }
        >.hydrated:nth-of-type(10){
            background: rgb(248,147,29);
        }
        >.hydrated:nth-of-type(11){
            background: #fff;
        }
        >.hydrated:nth-of-type(12){
            background: #fff;
        }
    }
}